.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}


.header{
     display: flex;
     .px2rem(height, 90);
//   height: 90px;
     align-items: center;
     background: linear-gradient(top,#f50000,#b40000);
     .center{
         flex: 1;
         .px2rem(font-size, 40);
         text-align: center; 
         color: white; 
         .px2rem(padding-left, 110);
//       padding-left: 110px;
     }
     
     .right{
         .px2rem(width, 100);
         .px2rem(height, 40);
         .px2rem(line-height, 40);
         .px2rem(border-radius, 40);
         .px2rem(margin-right, 20);
//       width: 100px;
//       height: 40px;
//       line-height: 40px;
         color: white;
         border: 1px solid #aa1515;
//       border-radius: 10px;
         text-align: center;
//       margin-right: 20px;
         background: linear-gradient(top,#ff9d9d,#aa1515);
     }
     
    
}


.footer {
    position: fixed;
    width: 100%;
    .px2rem(bottom,0);
    .nav {
        margin: 0 auto;
        display: flex;
        background: black;
        li {
            flex: 1;
            display: flex;
            flex-direction: column;
            .px2rem(height,100);
            .px2rem(margin-top,5);
            .px2rem(margin-left,20);
            .px2rem(margin-right,20);
            .px2rem(margin-bottom,5);
            .px2rem(border-radius,5);
            align-items: center;
            .img {
                .px2rem(margin-top,5)
            }
            .title {
                text-align: center;
                color: white;
            }
            &.show {
                background: #6f6f6f;
            }
        }
    }
}





















